<script setup>
const props = defineProps({
  checked: {
    type: Boolean,
    default: false,
  },
})
</script>
<template>
  <svg
    t="1749093764649"
    class="icon fill-[#999] hover:fill-[#f9a044] cursor-pointer"
    :class="checked ? 'fill-[#f9a044]' : ''"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="5266"
    width="20"
    height="20"
  >
    <path
      d="M928 608C928 572.64 899.36 544 864 544 792.96 544 679.04 544 608 544 572.64 544 544 572.64 544 608 544 679.04 544 792.96 544 864 544 899.36 572.64 928 608 928 679.04 928 792.96 928 864 928 899.36 928 928 899.36 928 864 928 792.96 928 679.04 928 608ZM480 608C480 572.64 451.36 544 416 544 344.96 544 231.04 544 160 544 124.64 544 96 572.64 96 608 96 679.04 96 792.96 96 864 96 899.36 124.64 928 160 928 231.04 928 344.96 928 416 928 451.36 928 480 899.36 480 864 480 792.96 480 679.04 480 608ZM480 160C480 124.64 451.36 96 416 96 344.96 96 231.04 96 160 96 124.64 96 96 124.64 96 160 96 231.04 96 344.96 96 416 96 451.36 124.64 480 160 480 231.04 480 344.96 480 416 480 451.36 480 480 451.36 480 416 480 344.96 480 231.04 480 160ZM928 160C928 124.64 899.36 96 864 96 792.96 96 679.04 96 608 96 572.64 96 544 124.64 544 160 544 231.04 544 344.96 544 416 544 451.36 572.64 480 608 480 679.04 480 792.96 480 864 480 899.36 480 928 451.36 928 416 928 344.96 928 231.04 928 160Z"
      p-id="5267"
    ></path>
  </svg>
</template>
